<script src="/js/jquery.js" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function() {
        $('p:even').css('background-color', '#eeeeff');
        $('p').css({margin:'0',padding:'2'});
        $('h4').css({margin:'0',padding:'2'});

        $('h4:not(:first)').each(function() {
            toggleDate($(this));
        })

        $('h4').click(function () {
            toggleDate($(this));
        });

    });

    function toggleDate(clickedDate) {
        var nextDate = clickedDate.nextAll('h4:first');
        clickedDate.nextAll('p').not(nextDate.nextAll('p')).toggle(1000);
    }
</script>
